@import "common.styl"
.mt-5
  margin-top px2rem(5px)
.header
  padding px2rem(10px)
  .info_wrap
    border-radius px2rem(5px)
  .userInfo
      padding px2rem(10px) px2rem(15px)
      border-bottom 1px solid #e6e6e6
      .avatar
        width px2rem(70px)
        height px2rem(70px)
        border-radius px2rem(5px)
        margin-right px2rem(10px)
        img
          width 100%
          height 100%
          border-radius px2rem(5px)
      .name
        font-size px2rem(13px)
      .edit
        i
          color #32a4f9
          font-size px2rem(15px)
      .phone
        margin-top px2rem(8px)
        font-size px2rem(10px)
      .tag_wrap
        margin-top px2rem(8px)
        justify-content space-between
        //width px2rem(190px)
        .tag_item_wrap
          width px2rem(170px)
          white-space nowrap
          overflow hidden
          .tag_item
            display inline-block
            margin-right 5px
            padding px2rem(2px) px2rem(8px)
            background #7DC5EB
            border-radius px2rem(10px)
            font-size px2rem(10px)
            color #fff
  .select
    padding px2rem(10px) 0
    .title
      font-size px2rem(13px)
    .gray
      color #999
      font-size px2rem(11px)
.nav
  div
    font-size px2rem(13px)
    span
      display inline-block
      height px2rem(40px)
      line-height px2rem(40px)
      padding 0 px2rem(10px)
    &.active
      color #32a4f9
      border-bttom 2px solid #32a4f9
      span
        border-bottom 2px solid #32a4f9

.container
  .tab_item
    display none
    &:first-child
      display block



.bottom_btn
  border-top 1px solid #e6e6e6
  position fixed
  bottom 0
  left 0
  right 0
  z-index 9
  a
    height px2rem(40px)
    line-height px2rem(40px)
    font-size px2rem(13px)
    color #32a4f9
    &:first-child
      border-right 1px solid #e6e6e6



.time_wrap
  padding px2rem(15px)
  .time_item
    .date
      margin-bottom px2rem(10px)
      span
        padding px2rem(2px) px2rem(10px)
        background #d3d2d7
        border-radius px2rem(2px)
        font-size px2rem(10px)
    .t_content
      align-items center
      margin-bottom px2rem(10px)
      border 1px solid #e6e6e6
      background #fff
      border-radius px2rem(5px)
      padding px2rem(10px) px2rem(15px)
      .avatar
        width px2rem(35px)
        height px2rem(35px)
        border-radius 50%
        border 1px solid #e6e6e6
        margin-right px2rem(15px)
        img
          width 100%
          height 100%
          border-radius 50%



.chart
  padding px2rem(10px) px2rem(15px)
  background #fff
  margin-top px2rem(10px)
 .chart_title
    color #999999
    font-size px2rem(10px)
    padding-bottom px2rem(5px)



@media screen and (min-width: 320px) and (max-width: 359px){
  .header .userInfo .tag_wrap .tag_item_wrap{
    width:px2rem(140px)
  }
}
@media screen and (min-width: 386px) and (max-width: 392px) {
  .header .userInfo .tag_wrap .tag_item_wrap{
    width:px2rem(150px)
  }
}
@media screen and (min-width: 393px) and (max-width: 400px){
  .header .userInfo .tag_wrap .tag_item_wrap{
    width:px2rem(150px)
  }
}
@media screen and (min-width: 401px) and (max-width: 414px){
  .header .userInfo .tag_wrap .tag_item_wrap{
    width:px2rem(150px)
  }
}
@media screen and (min-width: 750px) and (max-width: 799px){
  .header .userInfo .tag_wrap .tag_item_wrap{
    width:px2rem(180px)
  }
}